<template>
  <div class="linkTel" >
    <el-dialog :visible.sync="dialogVisible" title="联系电话" :close-on-click-modal="false">
    <div class="detail_wrap" >
      <!--<div class="tit">
        <h2>联系信息</h2>
      </div>-->
      <div class="con">
        <ul>
          <li>
            <label class="label">医院电话:</label>
            <span>{{dataInfo.hospitalTel}}</span>
          </li>
          <br/>
          <li>
            <label class="label">科室电话:</label>
            <span>{{dataInfo.officeTel}}</span>
          </li>
          <br/>
          <li>
            <label class="label">医生电话:</label>
            <span>{{dataInfo.doctorTel}}</span>
          </li>
        </ul>
      </div>
    </div>
    </el-dialog>
  </div>
</template>
<script>
  export default {
    name: 'linkTel',
    props: {
      dataInfo: {
        type: Object,
        default: {}
      }
    },
    watch: {
      /*dataInfo(val) {
        this.linkInfo = val
      },*/
    },
    created() {
      //this.linkInfo = this.dataInfo
      //console.log(JSON.stringify(this.dataInfo)+"----------------"+JSON.stringify(this.linkInfo))
    },
    data() {
      return {
        linkInfo: {},
        dialogVisible: false,
      }
    },
    methods: {
      handleCreate() {
        this.dialogVisible = true
      }
    }
  }
</script>
<style lang="scss">
  .linkTel {
    position: relative;
    width: 100px;
  }
</style>
